<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<title>六个周</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/index.js"></script>
		<script src="http://code.jquery.com/jquery-latest.js"></script>
		<script>
			function change(ev){
				var num =$(ev).attr("datafld");
				if(num=="1"){
					$(".ct1").removeClass("ds_n");
					$(".ct2").addClass("ds_n");
					$(".ct3").addClass("ds_n");
				}else if(num=="2"){
					$(".ct1").addClass("ds_n");
					$(".ct2").removeClass("ds_n");
					$(".ct3").addClass("ds_n");
				}else if(num=="3"){
					$(".ct1").addClass("ds_n");
					$(".ct2").addClass("ds_n");
					$(".ct3").removeClass("ds_n");
				}
			}
		</script>
	</head>
	<body>
		
		<div class="ct1 ds_n">
			<div class="ct3title">
				<p class="ct3wo">个人推荐</p>
				<p class="ct3in">留图不上种，菊花万人捅</p>
			</div>
			<div class='ct3content'>
			<div>阮一峰的个人博客：<a href="http://www.ruanyifeng.com/survivor/index.html">阮一峰</a></div>
			<div>每日必看文章：<a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzAxNDczNTk5MQ==&scene=124#wechat_redirect">紫竹张先生</a></div>
			<div>阮一峰的周五放送：<a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI4NjAxNjY4Nw==&scene=124#wechat_redirect">阮一峰的网络日志</a></div>
			</div>
		</div>
		<div class="ct2">
			<div class="title">
				<p class="font1">不积跬步，无以至千里</p><br />
				<p class="font2">不积小流，无以成江海</span>
			</div>
			<div class="indexContent">
				<p style="font-size:0.25rem">现代前端开发路线图：从零开始，一步步成为前端工程师</p>
			</div>
			<div class="indexFont">
				<iframe   src="indexA.html" class="fram"  
					 scrolling="yes/no/auto">   
				</iframe>

			</div>
			<br />
			<br />
		</div>
		<div class="ct3 ds_n">
			<div class="ct3title">
				<p class="ct3wo">我</p>
				<p class="ct3in">人生缘编程！</p>
			</div>
			<div class='ct3content'>
				
				<div>简书博客地址：<a href="https://www.jianshu.com/u/5842abb77bd1">六个周</a></div>
				<div>公众号：<a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIxMzc2MjM0MA==&scene=124#wechat_redirect">六个周</a></div>
				<div>微博：<a href="https://weibo.com/u/2471704535">明de周</a></div>
				<div>github：<a href="https://github.com/mingzhouLiu">mingzhouLiu</a></div>
				<div>码云：<a href="https://gitee.com/ShaoBingYouTiao">ShaoBingYouTiao</a></div>
				<div>微信：18231133236</div>
			</div>
			<div class="version">
				版本号：<span style="color:red">0.0.1</span>
				更新时间：<span style="color:white">081014</span>
			</div>
		</div>
		
		<div class="bottom">
			<div  class="toolbal" datafld="1" onclick="change(this)">推荐</div>
			<div  class="toolbal active" datafld="2"  onclick="change(this)">首页</div>
			<div  class="toolbal" datafld="3"  onclick="change(this)">关于</div>
		</div>
	</body>
	
</html>
